<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<!--主页1公共内容-->

<head th:fragment="CSS(title)">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">
    <title th:replace="${title}"></title>
    <link href="/assets/myIndex/img/favicon.ico" rel="icon" type="image/x-icon">
    <link href="/assets/myIndex/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/myIndex/lib/animate/animate.min.css" rel="stylesheet">
    <link href="/assets/myIndex/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="/assets/myIndex/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="/assets/myIndex/lib/lightbox/css/lightbox.min.css" rel="stylesheet">
    <!-- 主CSS -->
    <link href="/assets/myIndex/css/style.css" rel="stylesheet">
</head>

<body id="page-top">

<!--主菜单 导航栏-->
<nav class="gnavbar gnavbar-b gnavbar-trans gnavbar-expand-md fixed-top" id="mainNav" th:fragment="indexHead">
    <div class="container">
        <a class="gnavbar-brand js-scroll" href="/" id="godzHead"></a>
        <script>
            let newDate = new Date();
            let year = newDate.getFullYear();
            let text = document.querySelector("#godzHead");
            text.innerHTML = "Godz" + year; //写出标签Godz2022
        </script>
        <!-- 手机端按钮 -->
        <button class="gnavbar-toggler collapsed"
                type="button"
                data-toggle="collapse"
                data-target="#gnavbarDefault"
                aria-controls="gnavbarDefault"
                aria-expanded="false"
                aria-label="Toggle navigation">
            <span></span>
            <span></span>
            <span></span>
        </button>
        <!--导航栏-->
        <div class="gnavbar-collapse collapse justify-content-end" id="gnavbarDefault">
            <ul class="gnavbar-nav">
                <li class="nav-item">
                    <a class="nav-link js-scroll active" href="/index">Godz的主页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll" href="/index2">Godz的技能</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll" href="/index3">Godz的介绍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll" href="/index2#portfolio">Godz的荣勋</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll" href="/index3#education">Godz的经历</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll" href="/index#Content">联系Godz</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!--尾部底层-->
<footer th:fragment="indexFooter">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="copyright-box">
                    <p class="copyright">Copyright &copy;
                        <span id="thisYear"></span>
                        Godz-终将成神
                        <br>
                        网站备案号:皖ICP备2020020832号
                        <br>
                        <a href="https://beian.miit.gov.cn/">工信部备案官网首页</a>
                    </p>
                </div>
                <script>
                    let thisYear = document.querySelector("#thisYear");
                    thisYear.innerHTML = year + ".";
                </script>
            </div>
        </div>
    </div>
</footer>
<!--JS仓库包括各种框架-->
<div th:fragment="indexJs">
    <script src="/assets/myIndex/lib/jquery/jquery.min.js"></script>
    <script src="/assets/myIndex/lib/jquery/jquery-migrate.min.js"></script>
    <script src="/assets/myIndex/lib/popper/popper.min.js"></script>
    <script src="/assets/myIndex/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/assets/myIndex/lib/easing/easing.min.js"></script>
    <script src="/assets/myIndex/lib/counterup/jquery.waypoints.min.js"></script>
    <script src="/assets/myIndex/lib/counterup/jquery.counterup.js"></script>
    <script src="/assets/myIndex/lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="/assets/myIndex/lib/lightbox/js/lightbox.min.js"></script>
    <script src="/assets/myIndex/lib/typed/typed.min.js"></script>
    <script src="/assets/myIndex/contactform/contactform.js"></script>
    <!-- 主JS -->
    <script src="/assets/myIndex/js/main.js"></script>
</div>

</body>

</html>